<html><body><script src="DragObject.js"></script><script src="DropTarget.js"></script><script src="dragMaster.js"></script><script src="helpers.js"></script><style>.uponMe { background-color: red; }</style><div id="dragObjects"><img src="img/piki.gif" id="piki"/><img src="img/bubi.gif" id="bubi"/><img src="img/trefi.gif" id="trefi"/><img src="img/chervi.gif" id="chervi"/></div><img src="img/trash.gif" style="margin-left:100px" id="trash"/><script>onload = function() {    var dragObjects = document.getElementById('dragObjects').getElementsByTagName('img')    for(var i=0; i<dragObjects.length; i++) {        new DragObject(dragObjects[i])    }        new DropTarget(document.getElementById('trash'))    }</script>    </body></html>